<template>
    <div class="pkTaskNav text-white-pk">
        <div class="leftArrow">
            <van-icon name="arrow-left" color="#FFF"/>
        </div>
        <div class="task d-flex-pk" @click="toMyTaskList">
            <div>
                <img src="../../assets/images/taskNav.png" alt="">
            </div>
            <div class="item">任务</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'pkTaskNav',
        components: {},

        data() {
            return {}
        },

        created() {
        },
        computed: {},
        watch: {},
        methods: {
            toMyTaskList(){
                this.$router.push({
                    path:"/task/myTaskList"
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .pkTaskNav {
        .leftArrow{
            width: 28px;
            height: 28px;
            position: absolute;
            top: 20px;
            left: 10px;
            z-index: 9;
            background:rgba(0,0,0,0.3);border-radius: 50%;
            .van-icon {
                position: absolute;
                top: 5px;
                left: 6px;
            }
        }
        .task{
            position: absolute;
            top: 20px;
            right: 0;
            z-index: 9;
            background:rgba(0,0,0,0.3);
            border-radius:14px 0 0 14px;
            align-items: center;
            padding: 0 10px;
            .item {
                padding-left: 5px;
            }
            img{
                margin-top: 5px;
                width: 15px;

            }
        }
    }
</style>
